<script setup>
import { imgUrls } from "@/network/request";
defineProps({ list: { type: Array, required: true } });
</script>

<template>
    <van-swipe autoplay="3000" class="my-swipe" style="margin-top:5px">
        <van-swipe-item v-for="item in list" :key="item.id">
            <van-image fit="cover" :src="imgUrls + item.pic" />
        </van-swipe-item>
    </van-swipe>
</template>

<style scoped>
.my-swipe .van-swipe-item img {
    width: 100%;
    height: 200px;
}

.my-swipe {
    margin-top: 5px;
    margin-bottom: 7px;
    height: 100%;
}
</style>